TIK · BAB IV BERKREASI DENGAN INKSCAPE

Siswanto Nanang

22/08/2021 10:19:00

SMA 12 K-13

Daftar Isi

BAB I MENGENAL GAMBAR DIGITAL BAB II MENGENAL INKSCAPE BAB III MEMBUAT OBJEK DENGAN MENU DAN IKON PADA INKSCAPE BAB IV BERKREASI DENGAN INKSCAPE BAB V MENU DAN IKON PADA GIMP BAB VI MEMBUAT OBJEK DASAR PADA GIMP BAB VII EFEK GAMBAR PADA GIMP BAB VIII BERKREASI DENGAN GIMP

Halaman

BAB IV

BERKREASI DENGAN INKSCAPE

STANDARD KOMPETENSI

➢

Menggunakan perangkat lunak pembuat grafis bitmap dan vektor.

KOMPETENSI

DASAR

➢

Membuat dan mengubah gambar vektor .

PETA

KONSEP

BERKREASI DENGAN INKSCAPE

PENGANTAR BAB

nkscape dapat kita gunakan untuk menghasilkan berbagai gambar dan objek yang

menarik. Selain dipengaruhi oleh fasilitas-fasilitas pengolahan gambar yang

disediakan Inkscape, kemampuan menghasilkan gambar yang menarik juga

ditentukan oleh kemampuan kita menggunkan berbagai fasilitas tersebut. Pada bab ini,

Anda akan mempelajari cara-cara untuk mengolah objek hingga menjadi gambar yang

menarik, misalnya stempel, logo, dan gambar mobil.

A. MEMBUAT STEMPEL INKSCAPE

Sebagai latihan pertama, Anda akan mempelajari pembuatan stempel Inkscape. Jika Anda

mengembangkan kemampuan ini dan banyak berlatih, Anda dapat menggunakannya

sebagai sarana berwirausaha. Berikut langkah-langkah untuk membuat stempel.

Siapkan dokumen dengan ukuran B8 dengan orientasi Potrait dari menu File

→

Document Properties.

Gambar 4.1 Pengaturan dokumen

Buat tulisan Inkscape dan ubah jenis dan ukuran huruf dari menu Text.

Gambar 4.2 Mengubah tulisan Inkscape

BERKREASI DENGAN INKSCAPE

Buat tulisan V E K T O R dan ubah jenis huruf, dan ukurannya.

Gambar 4.3 Mengubah tulisan V E K T O R

Buat lingkaran sempurna seperti pada Gambar 4.4.

Gambar 4.4 Lingkaran sempurna

Seleksi tulisan VEKTOR dan lingkaran, kemudian klik menu Text

→

Put on Path,

kemudian putar lingkaran sehingga menjadi seperti Gambar 4.5.

Gambar 4.5 Tulisan Put on Path

BERKREASI DENGAN INKSCAPE

Klik kanan lingkaran, klik Fill and Stroke.

Gambar 4.6 Sub menu Fill and Stroke

Klik bagian X atau No paint pada Fill dan Stroke (perhatikan Gambar 5.7).

Gambar 4.7 Menghilangkan garis dan isi objek

Buat suatu objek dengan menggunakan Bezier Curves and Straight Lines, lalu ubah

dengan Edit Path, seperti gambar berikut ini.

Gambar 4.8 objek pertama

BERKREASI DENGAN INKSCAPE

Beri warna objek, kemudian pertebal garis objek dengan cara klik kanan klik Fill and

Stroke, kemudian klik bagian Stroke style, ubah Width menjadi 7.

Gambar 4.9 Mengatur ketebalan garis

10. Buat objek kedua dengan menggunakan Bezier Curves and Straight Lines, dan beri

warna putih, seperti gambar berikut ini.

Gambar 4.10 Objek kedua

11.

Buat objek ketiga dengan menggunakan Bezier Curves and Straight Lines, beri

warna, dan ubah dengan Edit Path menjadi Gambar 4.11.

Gambar 4.11 Objek ketiga

12. Buat objek keempat dengan menggunakan freehand lines. Sorot objek ketiga dan

keempat, kemudian klik menu Path

→

Diferrence seperti tampak pada Gambar 4.12.

BERKREASI DENGAN INKSCAPE

Gambar 4.12 Objek keempat

13. Aturlah semua posisi objek dan beri kotak seperti Gambar 4.13.

Gambar 4.13 Stempel Inkscape

14. Simpan dengan nama file

praktikum01_nama_kelas.

B. MEMBUAT LOGO GNOME SUMMIT

Pada latihan kedua ini, Anda akan belajar cara membuat suatu logo, dalam hal ini logo

GNOME SUMMIT. Anda dapat mengembangkannya menurut kreativitas Anda sendiri.

Berikut ini langkah-langkah untuk membuat logo GNOME SUMMIT.

Siapkan dokumen dengan ukuran A4 dan orientasi Landscape.

Gambar 4.14 Pengaturan dokumen

BERKREASI DENGAN INKSCAPE

Buat kotak dengan sudut tumpul, beri warna hijau muda.

Gambar 4.15 Membuat background log

Buat tulisan GNOME dan ubah format hurufnya seperti gambar berikut ini,

kemudian beri warna putih.

Gambar 4.16 Membuat tulisan

Buat tulisan “asia summit” dan ubah format hurufnya, kemudian beri warna putih.

Gambar 4.17 Mengubah tulisan

BERKREASI DENGAN INKSCAPE

Buat objek pertama dengan Bezier Curves and Straight Lines, kemudian ubah

dengan menggunakan Edit Path, dan beri warna putih seperti gambar berikut ini.

Gambar 4.18 Membuat objek pertama

Buat empat buah objek elips yang berbeda ukuran dan letakkan dengan posisis

seperti Gambar 4.19.

Gambar 4.19 Logo GNOME

Seleksi objek pertama dan empat buah elips menggunakan Select and Tansform

Objects, lalu klik menu Edit

→

Duplicate. Beri warna yang berbeda dan klik tombol

PgDn sampai menjadi seperti gambar di atas.

Aturlah semua objek menjadi seperti Gambar 4.20.

BERKREASI DENGAN INKSCAPE

Gambar 4.20 Logo GNOME Asia Summit

Simpan dengan nama file

praktikum02_nama_kelas.

C. MEMBUAT GAMBAR VEKTOR MOBIL

Latihan ketiga ini merupakan latihan untuk lebih meningkatkan kemampuan Anda dalam

berkreasi membuat gambar vektor menggunakan Inkscape. Latihan ketiga ini

membutuhkan ketelitian dan kesabaran lebih. Sering-seringlah menyimpan file dengan

menekan tombol Ctrl + S sebab di akhir proses pembuatan, komputer Anda mungkin akan

menjadi lambat karena banyaknya objek yang Anda buat. Selamat mencoba langkah-

langkah berikut ini.

Siapkan dokumen dengan ukuran B6 dengan orientasi landscape.

Gambar 4.21 Pengaturan dokumen

Buat objek bodi mobil dengan menggunakan Bezier Curves and Straight Lines

seperti gambar berikut ini.

BERKREASI DENGAN INKSCAPE

Gambar 4.22 Bodi mobil dengan bezier curves and straight lines

Ubah bentuk bodi mobil tadi dengan menggunakan Edit Path menjadi seperti

Gambar 4.23.

Gambar 4.23 Bodi mobil setelah diedit dengan Edit Path

Buat objek kaca depan mobil dengan Bezier Curves and Straight Lines, kemudian

ubah dengan Edit Path dan beri warna. Perhatikan Gambar 4.24 agar lebih jelas.

Gambar 4.24 Kaca depan mobil

Dengan cara yang sama, buat kaca bagian samping (perhatikan Gambar 4.25).

Gambar 4.25 Kaca samping mobil

Buat objek roda dengan menggunakan kotak sudut tumpul, dan dua buah elips. Beri

warna dan aturlah posisinya seperti Gambar 4.26.

BERKREASI DENGAN INKSCAPE

Gambar 4.26 Membuat roda

Letakkan kotak sudut tumpul tadi ke posisi di belakang bodi dengan tombol PgDn

pada keyboard. Lakukan hal yang sama kepada kedua elips.

Buat objek bawah bodi mobil bagian roda dengan menggunakan Bezier Curves and

Straight Lines, ubah dengan Edit Path, dan beri warna (Gambar 4.27). Tekan tombol

PgDn pada keyboard untuk meletakkannya di belakang roda.

Gambar 4.27 Sparkboard roda depan

Buat objek roda bagian kanan dengan menggunakan Bezier Curves and Straight

Lines, dan ubah dengan Edit Path. Kemudian, buat elips dan beri warna seperti

Gambar 4.28.

Gambar 4.28 Membuat roda depan sebelah kanan

10. Buat roda bagian belakang dengan langkah seperti langkah nomor 6 sampai 7.

Perhatikan Gambar 4.29 agar lebih jelas.

BERKREASI DENGAN INKSCAPE

Gambar 4.29 Membuat roda belakang

11.

Buat juga bagian bawah bodi belakang roda seperti langkah nomor 8.

Gambar 4.30 Sparkboard roda belakang

12. Buat penutup mesin mobil pada bagian bodi dengan menggunakan Bezier Curves

and Straight Lines, ubah dengan Edit Path, dan beri warna.

Gambar 4.31 Kap mesin mobil

13. Beri warna pada bodi mobil.

Gambar 4.32 Warna mobil

BERKREASI DENGAN INKSCAPE

14. Pada bagian depan mobil (lampu dan aksesoris), buat dua buah kotak sudut tumpul,

empat buah elips dan satu buah kotak persegi panjang dan atur posisinya seperti

Gambar 4.33.

Gambar 4.33 Bagian depan mobil

15. Buat dua buah elips, beri warna abu-abu, kemudian atur posisi seperti gambar, dan

tekan tombol PgDn pada keyboard untuk menghasilkan efek seperti Gambar 4.34.

Gambar 4.34 Lampu depan mobil

16. Buat bagian untuk penampilan bodi di atas roda agar terlihat menarik dengan

menggunakan Bezier Curves and Straight Lines dan ubah dengan Edit Path seperti

gambar berikut ini.

Gambar 4.35 Vender depan

17. Beri warna cerah untuk Fill dan Stroke, lalu beri efek gradasi atau perpaduan warna

dengan menggunakan Create and Edit Gradient pada Toolbox. Klik kanan objek,

pilih Fill and Stroke, klik bagian Stroke, kemudian beri efek blur sebesar 2,8.

Perhatikan Gambar 4.36 agar jelas.

BERKREASI DENGAN INKSCAPE

Gambar 4.36 Efek vender depan

18. Lakukan hal yang sama untuk bagian belakang mobil.

19. Buat bagian bumper depan mobil dengan menggunakan Bezier Curves and Straight

Lines, ubah dengan Edit Path, kemudian gandakan bemper dengan menu Edit

→

Duplicate. Beri warna yang berbeda dan atur posisi seperti gambar berikut ini.

Gambar 4.37 Bumper depan mobil

20. Tekan tombol PgDn pada keyboard untuk bumper yang warna cerah, lalu klik kanan

klik Fill and Stroke. Pada bagian stroke beri efek blur sebesar 0,8.

Gambar 4.38 Efek bumper depan mobil

21. Agar ada efek yang menarik pada penutup mesin bagian depan bodi, buat tiga buah

objek dengan menggunakan Bezier Curves and Straight Lines, ubah dengan Edit

Path dan beri warna cerah. Lakukan hingga menjadi seperti Gambar 4.39.

BERKREASI DENGAN INKSCAPE

Gambar 4.39 Efek kap mesin mobil

22. Buat lampu bagian belakang mobil dengan Bezier Curves and Straight Lines, lalu

gandakan dan atur posisinya seperti gambar berikut ini.

Gambar 4.40 Membuat lampu belakang mobil

23. Buat lampu sen bagian depan dengan menggunakan dua buah kotak sudut tumpul

yang berbeda warna, aturlah posisi kedua objek tadi hingga menjadi seperti gambar

berikut ini.

Gambar 4.41 Membuat lampu sen depan

24. Lakukan hal yang sama untuk lampu sen sebelah kanan.

25. Lampu sen bagian belakang mobil, buat dengan Bezier Curves and Straight Lines,

kemudian beri warna.

BERKREASI DENGAN INKSCAPE

Gambar 4.42 Membuat lampu sen belakang

26. Beri efek pintu dengan menggunakan Bezier Curves and Straight Lines, atur

posisinya hingga seperti Gambar 4.43, kemudian beri warna cerah.

Gambar 4.43 Efek pintu mobil

27. Berikan efek cahaya pada bagian kaca dan atap mobil dengan menggunakan bezier

curves hingga seperti gambar berikut ini.

Gambar 4.44 Efek cahaya

28. Buat bagian wipper dan splash water dengan menggunakan bezier curves dan

lingkaran posisikan hingga seperti gambar berikut ini.

BERKREASI DENGAN INKSCAPE

Gambar 4.45 Wipper dan Splash water

29. Buat spion mobil menggunakan kotak sudut tumpul dan bezier curves, beri warna

dan efek cahaya. Lakukan hingga menjadi seperti gambar berikut ini.

Gambar 4.46 Spion mobil

30. Beri efek bayangan pada bagian bawah mobil dengan menggunakan kotak yang

dimiringkan beri warna galap atau abu-abu pada fill dan strokenya.

Gambar 4.47

kotak untuk bayangan

31. Klik kanan pada objek kotak, klik Fill and Stroke. Pada bagian stroke, beri efek blur

sebesar 9,0 dan tingkat transparan gambar (

opacity

sebesar 98,4%. Tekan tombol end

pada keyboard. Perhatikan gambar berikut ini.

BERKREASI DENGAN INKSCAPE

Gambar 4.48 Efek bayangan mobil

32. Beri plat nomor kendaraan dengan kotak dan teks seperti gambar berikut.

Gambar 4.49 Plat nomor mobil

33. Buat plek ban dengan menggunakan satu buah elips dan enam objek bebas dengan

bezier curves, lalu beri efek cahaya dengan bezier curves. Lakukan hingga menjadi

seperti gambar berikut ini.

Gambar 4.50 membuat velg mobil

34. Gandakan (

duplicate

) velg mobil depan tadi, lalu satukan (

grub

) dengan tombol

CTRL + G, kemudian posisikan untuk ban bagian belakang.

35. Terakhir, beri latar belakang warna cerah pada dokumen agar terlihat lebih menarik.

Perhatikan gambar berikut ini.

BERKREASI DENGAN INKSCAPE

Gambar 5.51 gambar vektor mobil

36. Simpan dengan nama file

praktikum03_nama_kelas.

D. RANGKUMAN

Inkscape dapat Anda gunakan untuk membuat berbagai objek dan gambar yang sangat

menarik, contohnya stempel, logo, dan gambar mobil. Kemampuan Inkscape tidak kalah

dibanding dengan program pengolah gambar vektor lain yang lebih terkenal. Ragam kreasi

yang dapat Anda hasilkan dengan Inkscape sangat bergantung pada kreativitas Anda.

E. ISTILAH-ISTILAH PENTING

ISTILAH

ARTI

Blur

Efek memudarkan warna atau garis pada objek.

No Paint

Tidak ada warna, menghilangkan warna.

Opacity

Efek transparan suatu objek.

PgDn

Page Down, berpindah ke bawah atau belakang.

Popup menu

Menu yang muncul saat mouse di klik kanan pada layar monitor

BERKREASI DENGAN INKSCAPE

F. EVALUASI

Soal Pilihan Ganda

Pilihlah jawaban yang paling tepat.

Menu yang berguna untuk mengubah tulisan atau huruf adalah....

File

Edit

Object

Path

Text

Bagian dari Toolbox yang berfungsi mengubah suatu objek menjadi objek lain

adalah....

Select and Transform Objects

Edit Path

Freehand Lines

Bezier Curves and Straight Lines

Fill Bounded Areas

Shortkey pada keyboard yang berguna untuk menggabungkan (

grouping

) beberapa

objek adalah....

CTRL + C

CTRL + V

CTRL + Y

CTRL + D

CTRL + G

Fungsi di bawah ini yang berguna untuk menggandakan suatu objek adalah....

Combine

Duplicate

Put on Path

Zoom

Union

Submenu yang dapat Anda gunakan untuk menghilangkan warna garis pada suatu

objek adalah....

Fill and Stroke

Document Properties

Copy

Paste

Object Properties

Tombol pada keyboard yang berguna untuk memindahkan posisi objek ke belakang

objek di bawahnya adalah....

PgUp

BERKREASI DENGAN INKSCAPE

PgDn

End

Home

Del

Tombol pada keyboard yang berguna untuk memindahkan posisi objek ke depan

objek di atasnya adalah....

PgUp

PgDn

End

Home

Del

Tombol pada keyboard yang berguna untuk memindahkan posisi objek ke posisi

paling belakang adalah....

PgUp

PgDn

End

Home

Del

Shortkey pada keyboard yang berfungsi untuk menggandakan objek adalah....

CTRL + S

CTRL + C

CTRL + D

CTRL + G

CTRL + V

10. Efek warna yang berfungsi memadukan beberapa warna adalah....

Fill

Gradients

Connectors

Combine

Difference

Soal Teori

Kerjakan pertanyaan-pertanyaan berikut ini.

Tuliskan cara untuk mengubah objek kotak menjadi objek bebas atau sembarang!

Tuliskan cara untuk membuat efek blur pada objek!

Apa kegunaan fungsi Duplicate?

Bagaimana cara membuat kotak sudut tumpul?

Tuliskan cara menyimpan dokumen Inkscape ke folder Documents!

BERKREASI DENGAN INKSCAPE

Soal Praktik

Kerjakan soal praktik berikut ini.

Bukalah program Inkscape.

Buatlah gambar seperti berikut.

a. Stempel Blankon (simpan dengan nama

blankon_nama_kelas

b. Logo GNOME SUMMIT (simpan dengan nama

gnome_nama_kelas

c. Mobil (simpan dengan nama

mobilku_nama_kelas

BERKREASI DENGAN INKSCAPE